import { Tabs } from 'antd';
import Personal from './Personal';
import Group from './Group';
import { CheckSquareOutlined } from '@ant-design/icons';
import All_style from '../../index.less';

const { TabPane } = Tabs;
const Comprehensive = () => (
  <div className={All_style.box}>
    <Tabs defaultActiveKey="1" centered>
      <TabPane
        tab={
          <span>
            <CheckSquareOutlined />
            个人评分
          </span>
        }
        key="1"
      >
        <Personal />
      </TabPane>
      <TabPane
        tab={
          <span>
            <CheckSquareOutlined />
            小组评分
          </span>
        }
        key="2"
      >
        <Group />
      </TabPane>
    </Tabs>
  </div>
);
export default Comprehensive;
